<template>
 <div class="mui-numbox" data-numbox-min='1' data-numbox-step='1' >
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number" value="1"  @change='changecount()' />
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</div>

</template>
<script>
import mui from '../../lib/js/mui.js';
    export default{
        data(){
            return {}
        },
        mounted(){
            mui('.mui-numbox').numbox();
            // console.log(this.max);//undefined 获取goodsinfo时是异步操作，父组件往子组件传max时，异步还没完成，所以goodsinfo为空数组，用watch监听max的变化，只要max改变，watch自动更新其值
        },
        props:['max'],
        watch:{
            max:function(newVal,oldVal){
                // console.log(newVal,oldVal)//60 undefined
                // this.max=newVal;
                // console.log(this.max)
                mui('.mui-numbox').numbox().setOption('max',newVal)
            }
        },
        methods:{
            changecount(){ // 不管是点击加减还是手动输入任何值，都是在改变输入框，触发change事件
                this.$emit('getcount',parseInt(mui('.mui-numbox').numbox().getValue())) //把改变的值 传给父组件   
                // console.log(mui('.mui-numbox').numbox().getValue())           
            }
        }
    }
</script>
<style lang='scss' scoped>

</style>
